<template>
  <div class="my-blance">
    <div class="my-blance-item">
      <div class="item-title">现金</div>
      <div class="much">0.00</div>
    </div>
    <div class="my-blance-item">
      <div class="item-title">余额</div>
      <div class="much">0.00</div>
    </div>
    <div class="my-blance-item">
      <div class="item-title">积分</div>
      <div class="much">0</div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "myBalance"
  }
</script>

<style scoped>
.my-blance{
  background-color: white;
  border-radius: 10px;
  margin: 10px 10px 10px 10px;
  display: flex;
  height: 100px;
}
  .my-blance-item{
    flex: 1;
    text-align: center;
  }
  .item-title{
    height: 50%;
    line-height: 50px;
    box-shadow: 0 1px 1px rgba(100,100,100,0.2);
  }
  .much{
    height: 50%;
    line-height: 50px;
    font-size: 20px;
    color: #E91E62;
    box-shadow: 0 1px 1px rgba(100,100,100,0.2);
  }
</style>